<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电子商城首页</title>
    <!--引入样式-->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">

    <!-- 引入轮播插件的样式 -->
    <link rel="stylesheet" href="../lib/plugins/slider/css/slider.css">
    <!--引入当前文件样式-->
    <link rel="stylesheet" href="../css/sign.css">
</head>

<body>
    <!--头部head-->
    <section id="head" class="head">
        <div id="headTop" class="head-top">
            <div class="head-top-text container clearfix">
                <img src="../imgs/logo.jpg" alt="">
                <span class="url">legochina.cn</span>
                <span class="fr">欢迎光临乐购，请 <a href="">登陆</a>\<a href="">注册</a></span>
            </div>
        </div>
        <div class="head-bom container clearfix">
            <h2 class="greet">
              欢迎光临 </h2>
        </div>
    </section>
   <div class="login">
      <div class="login-interface">
        <p><span class="login-type">扫码登录</span> <span class="login-type focus">账号登录</span></p>
        <div class="login-content">
              
         <!--扫码登录-->
        <div class="content-item scan">
            <div class="imgsbox">
                <img src="../imgs/scanimg1.png" alt="">
                <img src="../imgs/scanimg2.png" alt="">
            </div>
            <p>打开手机版 乐购APP  扫一扫</p>
        </div>
            <!--账号登录-->
        <div class="content-item account">
           <div class="account-login">
            <p><input class="user" type="text" placeholder="请输入用户名"></p>
            <p><input class="pwd" type="password" placeholder="密码"></p>
            <p class="check clearfix"><a class="fl" href=""><input type="checkbox">自动登录</a>  <a class="fr" href="">忘记密码</a></p>
            <button class="login-btn">登录</button>
           </div>
           <p class="register"><a href=""><span>&gt;</span>立即注册</a></p>
        </div>

        </div>
        
      
      </div>
   </div>
  
    <!--页尾 footer-->
    <section id="footer" class="footer">
       
       
        <p class="footer-list  container">
            <a class="footer-link" href="">  公司简介  |</a>
            <a class="footer-link" href="">  Investor Relations  | </a>
            <a class="footer-link" href="">  网站联盟  |</a>
            <a class="footer-link" href="">  乐购招商  |</a>
            <a class="footer-link" href="">  机构销售  |</a>
            <a class="footer-link" href="">  手机乐购  |</a>
            <a class="footer-link" href="">  官方Blog   |</a>
            <a class="footer-link" href="">  热词搜索</a>
        </p>
        <p class="license">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </section>
    <!--引入轮播插件  注意要先引入jQuery库-->
    <script src="../lib/plugins/slider/lib/jquery.min.js"></script>
    <script src="../lib/plugins/slider/lib/jquery.slidebox.js"></script>
    <script src="../js/sign.js"></script>
</body>

</html>